15 | Everything You Need to Know to Get Started with SvelteKit

In this episode, James explains the basics of getting started with SvelteKit and how it compares to other frameworks, like Next.js.

Sponsors

Vercel

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

ZEAL is hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

Show Notes

0:00 Introduction

0:51 Sponsor: ZEAL

5:09 Context for Learning Svelte and SvelteKit

8:00 Landscape of Web Application Development

• SPA - Single Page Application
• Angular, React, and Vue
• Server Side Rendered Pages vs Statically Generated Pages
• Rich Harris, works at The NY Times, is behind Svelte

13:16 Svelte is compiled into Vanilla JavaScript = faster applications

13:50 Differences in how the frameworks handle HTML/JSX, CSS, and JavaScript

15:35 Why people like Svelte

• Double Data Binding
• Form Handling
• Stores Built-In
• Animations Built-In

21:29 SvelteKit - Framework for handling routing, caching, statically generated pages, and server-rendered pages

24:28 CSS Scoping

25:56 Hosting

26:33 Sponsor: Vercel

28:22 Tools

• Vite
• Snowpack

29:57 Grab Bag Questions

30:17 Grab Bag Question #1: If you were to start a new project, would reach for SvelteKit or Next.js?

31:07 Grab Bag Question #2: Are there holes in Svelte or SvellteKit? Things that you see in other frameworks, like React or Vue that you wish were part of Svelte?

31:54 Picks and Plugs

32:07 James's Pick: OnCloud Tennis Shoes

33:09 James's Plug: Learn Build Teach Discord Server
33:45 Amy's Pick: Kindle Paperwhite
34:37 Amy's Plug: YouTube Video - Debugging in VS Code